<div ng-mouseenter="showContent()" ng-mouseleave="closeContent()">
    <a class="wai_a" >{{parentItem.text}}</a>

    <div  ng-if="ContentArray.length" ng-switch="childrenDivClass==='children_horizontal'"
         class="{{childrenDivClass}}" ng-class="setClass()" ng-show="flag">

<!--        左侧伸缩的导航栏 ，原理是通过product表的fl_id去分类的-->
        <ul ng-switch-when="false" ng-repeat="pageN in pageList"  class="children_list clearfix">
            <!-- <li ng-repeat="childrenItem in childrenItems |filt| myFilter:parentItem.idr: {fl_id: item.id}">-->
            <li  ng-repeat="childrenItem in ContentArray | myFilter2:pageN">
                <a target="_blank" ui-sref="home.products.detail({productId:childrenItem.productId})" ng-click="closeContent()">
<!--                <a target="_blank" ui-sref="buyNow({productId:childrenItem.productId})" ng-click="closeContent()">-->
                    <img ng-src="{{childrenItem.img}}" alt="" />
                    <p>{{childrenItem.name}}</p>
                </a>
            </li>
        </ul>

<!--        上方伸缩的导航栏-->
        <ul ng-switch-when="true" class="children_list clearfix">
            <!-- <li ng-repeat="childrenItem in childrenItems |filt| myFilter:parentItem.idr: {fl_id: item.id}">-->
            <li ng-class="{'first':$first}" ng-repeat="childrenItem in childrenContent | myFilter:parentItem.id | limitTo:6">
                <a target="_blank" ui-sref="home.products({productId:childrenItem.productId})" ng-click="closeContent()">
<!--                <a target="_blank" ui-sref="buyNow({productId:childrenItem.productId})" ng-click="closeContent()">-->
                <img style="width: 150px;height: 100px" ng-src="{{childrenItem.img}}" alt="" />
                    <p>{{childrenItem.name}}</p>
                    <p ng-if="childrenDivClass=='children_horizontal'" class="price">{{childrenItem.price}}元起</p>
                </a>
            </li>
        </ul>
    </div>
</div>
